// import React, { Component, PropTypes } from 'react';
// import { Text, View, StyleSheet, TouchableHighlight, Image } from 'react-native';
// import PxToDp from '../../utils/PxToDp';

// class Button extends Component {
//   static propTypes = {
//     selected: PropTypes.bool,
//     onPress: PropTypes.func,
//   };
//   render() {
//     const bgc = this.props.selected ? '#C5DCFF' : '#f0f0f0';
//     const textColor = this.props.selected ? '#418cff' : '#121212';
//     const maxWidth = this.props.selected ? (80 - 4 - 15) : 80 - 4;
//     return (
//       <TouchableHighlight
//         style={[style.button, { backgroundColor: bgc, }]}
//         onPress={() => this.props.onPress()}
//       >
//         <View style={style.inner}>
//           <Text
//             style={[style.buttonText, { color: textColor, maxWidth }]}
//             numberOfLines={1}
//           >
//             {this.props.children}
//           </Text>
//         </View>
//       </TouchableHighlight>
//     );
//   }
// }

// const style = StyleSheet.create({
//   button: {
//     borderRadius: PxToDp(100),
//     height: PxToDp(28),
//     width: PxToDp(80),
//     justifyContent: 'center',
//     alignItems: 'center',
//     marginRight: PxToDp(10),
//     marginTop: PxToDp(10),
//     borderStyle: 'solid',
//   },
//   buttonText: {
//     fontSize: PxToDp(12),
//     color: '#121212',
//   },
//   inner: {
//     flexDirection: 'row',
//     justifyContent: 'center',
//     alignItems: 'center',
//     paddingRight: PxToDp(2),
//     paddingLeft: PxToDp(2),
//   },
//   icon: {
//     width: PxToDp(12),
//     height: PxToDp(12),
//     marginRight: PxToDp(3),
//   },
// });

// export default Button;
